/** * @Author: Joker * @Date: 2017/12/6 */
<template>
  <div class="body_content content_bg">
    <el-card class="box-card">
      <div class="header">
        <i class="pro_sign"></i>
        <span>{{data.name}}</span>
        <i class="fa fa-refresh refresh"></i>
      </div>
      <div class="content">
        <Item :data="data.name==='不停航施工'?flowInfo:data.children" />
      </div>
    </el-card>
  </div>
</template>
<script>
  import Item from './item.vue';
  export default {
    props: {
      data: {
        type: Object
      },
      flowInfo: {
        type: Array
      }
    },
    components: {
      Item
    }
  }

</script>
<style scoped>
  .body_content {
    margin-right: 10px;
    width: 100%;
  }

  .box-card {
    width: inherit;
    height: inherit;
    overflow-y: auto;
  }

  .header {
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    background: #434a57;
    color: #fff;
  }

  .refresh {
    float: right;
    margin-top: 11px;
    cursor: pointer;
  }

  .content {
    padding: 20px 10px;
  }
  .box-card{
    width:100% !important;
  }
</style>

